<script lang="ts" setup>
import {
 NMessageProvider
} from 'naive-ui'

const system = useSystemStore()
if (!system.initFlag) {
  system.init()
}

</script>
<template>
  <n-message-provider>
    <NuxtLayout>
      <NuxtPage/>
    </NuxtLayout>
    </n-message-provider>
</template>
<style>
:root {
  --color-gray-700: 51 65 85;
  --d-max-width: 1110px;
  --d-wrap-padding-h: 0.67em;
  --header-height: 4rem;
  --ui-background: 255 255 255;
  --ui-foreground: var(--color-gray-700);
  --page-width: 712px;
}

.wrap {
  --d-wrap-padding-h: 0.67em;
  max-width: var(--d-max-width);
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--d-wrap-padding-h);
}

.page {
  margin: 0 auto;
  width: 100vw !important;
  max-width: var(--page-width) !important;
}
.page2 {
  @apply px-4 sm:px-6 lg:px-8;
  margin: 0 auto;
  width: 100vw !important;
  max-width: 80rem !important;
}

</style>
